import React from 'react';
import {Avatar} from 'weaver-mobile';

export default {
  template: [{
    key: 'col1',
    render: (data) => {
      return (
        <div style={{display: 'flex'}}>
          <div style={{marginRight: 10}}>
            <Avatar userId = {data.id} />
          </div>
          <div style={{flex: 1}}>
            <div style={{width: '100%', display: 'flex'}}>
              <div style={{flex: 1, paddingRight: '10px'}}>
                <div className='text-elli'>{data.lastname}</div>
                <div className='text-elli'>{data.subcompanyname}</div>
              </div>
              <div style={{flex: 1, paddingRight: '10px'}}>
                <div className='text-elli'>{data.jobtitlename}</div>
                <div className='text-elli'>{data.departmentname}</div>
              </div>
            </div>
          </div>
        </div>
      );
    },
  }]
};